$(function (){
    getUserInfo()
    const layer = layui.layer

    // 给退出按钮绑定事件
    $('#btnEsc').on('click',function(){
      layer.confirm('是否确认退出?', {icon: 3, title:'提示'}, function(index){
        localStorage.removeItem('token')
        location.href='./login.html'
        layer.close(index);
      });
    })
})

// 加载头像欢迎语的函数
function renderAvatar(user){
  const username = user.nickname ||user.username
  //  设置欢迎的文本
  $('#welcome').html(`欢迎 ${username}`)
  //  按需渲染用户的头像
  if(user.user_pic){
    // 渲染图片
    $('.layui-nav-img').attr('src',user.user_pic).show()
    $('.text-avatar').hide()
  }else{
    // 渲染文本图片
    $('.layui-nav-img').hide()
    const fir = username[0].toUpperCase()
    $('.text-avatar').html(fir).show()
  }

}


function getUserInfo(){
    $.ajax({
        url:'/my/userinfo',
        method:'GET',
        success(res){
            if(res.status!=0){
              return layer.msg(res.message)
            }
            renderAvatar(res.data)
        },
        // 无论请求或失败都会执行complete函数
        // 设置complete的意义是 当用户不登录直接在地址栏访问后台系统时禁止他的访问行为强制调回登录界面
        // complete(res){
        //   if(res.responseJSON.status===1&res.responseJSON.message==='身份认证失败！'){
        //     localStorage.removeItem('token')
        //     location.href='./login.html'
        //   }
        // }
    })
}